<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>转化分析</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<script src="https://images.kaola100.com/plug/jquery/jquery-3.4.1.min.js" charset="utf-8"></script>
	<script src="https://images.kaola100.com/plug/layui/2.5.4/layui.js" charset="utf-8"></script>
	<link rel="stylesheet" href="https://images.kaola100.com/plug/layui/2.5.4/css/layui.css" media="all">
	<script src="${ctx.contextPath}/static/js/echarts.js" ></script>
	<style>
	body{font-size:12px!important;}
	.content{padding-left:100px;}
	.layui-item{line-height:40px!important;margin-bottom:0px!important;}
	.layui-item span{
		color:red;
		font-size:18px;
	}
	.layui-label{
	font-size: 16px;
    padding: 9px 15px;
    width: 80px;
    font-weight: 400;
    line-height: 40px;
    text-align: right;}
	.layui-input-inline{width:175px!important;}
	.layui-input{height:30px!important;}
	</style>
</head>
<script>
	
</script>
<body>
	<div class="layui-tab-content">

		<fieldset class="layui-elem-field layui-field-title site-title">
			<legend><a name="compatibility">转化分析</a></legend>
		</fieldset>
		
		<div class="layui-form" style="margin-top:10px;">	
		    <div class="layui-inline">
		      <label class="layui-form-label">选择日期</label>
		      <div class="layui-input-inline">
		      	<input type="text" name="startTime" id="startTime" lay-verify="startTime" placeholder="选择开始日期" autocomplete="off" class="layui-input">
		      </div>
		      <div class="layui-input-inline">
		      	<input type="text" name="endTime" id="endTime" lay-verify="endTime" placeholder="选择结束日期" autocomplete="off" class="layui-input">
		      </div>
		     <div class="layui-input-inline">	
				<button id="classchangeSearch" class="layui-btn" data-type="reload" style="line-height:30px;padding:0 18px;">搜索</button>
			  </div>
		    </div>
		</div>

		
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
		  <legend>转化分析</legend>
		</fieldset>		
		<div class="content">
			<div class="layui-item">
				<label class="layui-label">查询区间：</label>
				<span id="queryTime" class=""></span>
			</div>
			<div class="layui-item"><label class="layui-label">访问人数：</label><span id="viewPeopleNum"></span></div>
			<div class="layui-item"><label class="layui-label">访问意向人数：</label><span id="dtlPeopleNum"></span></div>
			<div class="layui-item"><label class="layui-label">访问意向率(%)：</label><span id="dtlRatio"></span></div>
			<div class="layui-item"><label class="layui-label">访问意向下单人数：</label><span id="orderPeopleNum"></span></div>
			<div class="layui-item"><label class="layui-label">访问意向下单率(%)：</label><span id="orderRatio"></span></div>
			<div class="layui-item"><label class="layui-label">客单价(元)：</label><span id="orderPrice"></span></div>
		</div>
	
	</div>
	
</body>
</html>
